import React from 'react';

// 继承React.PureComponent，会默认创建一个shouldComponentUpdate周期函数，它默认在这个周期函数中，做一个浅比较，拿最新要修改的属性和状态，
// 和之前的属性状态进行比较，如果一样，则不去更新。
export default class Demo extends React.PureComponent {
    state = [10, 20];
    handle = () => {
        let {arr} = this.state;
        arr.push(30);
        this.setState({
            arr
        })
    }
    render() {
        return (
            <div>
                {arr}
                <br />
                <button onClick={this.handle}>处理</button>
            </div>
        )
    }
}